最も近い色名 · #74B48A
#74B48A
最も近い色名: Lily Pads
#74B48A（rgb(116 180 138)、hsl(141 30% 58%)、oklch(0.715 0.09 154.7)）に最も近い色名はLily Padsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#74B48A
oklch(0.715 0.09 154.7)
カラー変換
- HEX
- #74b48a
- RGB
- rgb(116 180 138)
- HSL
- hsl(141 30% 58%)
- HWB
- hwb(141 45% 29%)
- OKLCH
- oklch(0.715 0.09 154.7)
- OKLab
- oklab(0.715 -0.082 0.039)
- CIE Lab
- lab(68.13 -28.28 14.74)
- LCH
- lch(68.13 31.89 152.5)
- CMYK
- cmyk(36% 0% 23% 29%)
ティント · シェード · トーン
ティント
- 82BB95
- 90C3A1
- 9ECAAC
- ACD2B8
- BAD9C3
- C8E1CF
- D6E8DB
- E3F0E7
- F1F7F3
シェード
- 649C77
- 548565
- 456E53
- 375842
- 294432
- 1B3022
- 0F1D14
- 050C07
- 010201
トーン
- 76AF89
- 78AA88
- 7AA487
- 7B9F86
- 7C9A85
- 7D9584
- 7E9083
- 7F8A82
- 808581
カラーハーモニー
補色 +180°
- 74B48A
Lily Pads
- C68EBA
≈ Rock Star Pink
類似色 -30° +30°
- 74B48A
Lily Pads
- 96AD6E
≈ Rural Eyes
- 59B6AA
≈ Artesian Well
トライアド +120° +240°
- 74B48A
Lily Pads
- 929FDC
≈ Azureno
- D58F7D
≈ Orange Essential
スプリットコンプリメンタリー +150° +210°
- 74B48A
Lily Pads
- B095D1
≈ Biloba Flower
- D38B9C
≈ Can Can
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.63:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--lily-pads: #74b48a;
--lily-pads-rgb: 116 180 138;
--lily-pads-oklch: oklch(0.715 0.09 154.7);
}
.element {
color: var(--lily-pads);
background-color: hsl(141 30% 58%);
border-color: oklch(0.715 0.09 154.7);
}Tailwind CSS v4
@theme {
--color-lily-pads: #74b48a;
--color-lily-pads-50: #e1fdeb;
--color-lily-pads-100: #d0f2dc;
--color-lily-pads-200: #b6e0c5;
--color-lily-pads-300: #91c6a5;
--color-lily-pads-400: #72ae87;
--color-lily-pads-500: #51986b;
--color-lily-pads-600: #45805b;
--color-lily-pads-700: #376749;
--color-lily-pads-800: #284b33;
--color-lily-pads-900: #1b3423;
--color-lily-pads-950: #0b2012;
}SCSS
$lily-pads: #74b48a;
$lily-pads-rgb: 116, 180, 138;
$lily-pads-light: mix(#fff, $lily-pads, 20%);
$lily-pads-dark: mix(#000, $lily-pads, 20%);
.element {
color: $lily-pads;
box-shadow: 0 0 0 2px rgba($lily-pads, 0.35);
}