最も近い色名 · #ADAF78
#ADAF78
最も近い色名: Cardamom
#ADAF78（rgb(173 175 120)、hsl(62 26% 58%)、oklch(0.739 0.074 109.8)）に最も近い色名はCardamomです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ADAF78
oklch(0.739 0.074 109.8)
カラー変換
- HEX
- #adaf78
- RGB
- rgb(173 175 120)
- HSL
- hsl(62 26% 58%)
- HWB
- hwb(62 47% 31%)
- OKLCH
- oklch(0.739 0.074 109.8)
- OKLab
- oklab(0.739 -0.025 0.07)
- CIE Lab
- lab(70.29 -7.25 28.04)
- LCH
- lch(70.29 28.96 104.5)
- CMYK
- cmyk(1% 0% 31% 31%)
ティント · シェード · トーン
ティント
- B5B785
- BDBF93
- C5C7A0
- CDCFAE
- D5D7BB
- DDDFC8
- E6E7D6
- EEEFE4
- F6F7F1
シェード
- 969867
- 7F8157
- 6A6B48
- 555639
- 41412A
- 2D2E1D
- 1B1C10
- 0B0B05
- 010101
トーン
- A8AA79
- A4A67B
- 9FA17C
- 9B9C7D
- 96977D
- 92937E
- 8D8E7F
- 89897F
- 848580
カラーハーモニー
補色 +180°
- ADAF78
Cardamom
- A9A3D7
≈ Simply Violet
類似色 -30° +30°
- ADAF78
Cardamom
- C3A674
≈ Mustard Seed Beige
- 92B68A
≈ Foliage
トライアド +120° +240°
- ADAF78
Cardamom
- 78B4D0
≈ Alpine Sky
- CF98B1
≈ Exotic Lilac
スプリットコンプリメンタリー +150° +210°
- ADAF78
Cardamom
- 8FACDA
≈ Black Drop
- C09CC8
≈ Lilac Pink
テトラード +90° +180° +270°
- ADAF78
Cardamom
- 6FB9BD
≈ Surfer
- A9A3D7
≈ Simply Violet
- D59897
≈ Tobermory
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.18:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--cardamom: #adaf78;
--cardamom-rgb: 173 175 120;
--cardamom-oklch: oklch(0.739 0.074 109.8);
}
.element {
color: var(--cardamom);
background-color: hsl(62 26% 58%);
border-color: oklch(0.739 0.074 109.8);
}Tailwind CSS v4
@theme {
--color-cardamom: #adaf78;
--color-cardamom-50: #f5f8e0;
--color-cardamom-100: #e8ebcf;
--color-cardamom-200: #d4d8b4;
--color-cardamom-300: #b8bc90;
--color-cardamom-400: #a1a36f;
--color-cardamom-500: #898b4f;
--color-cardamom-600: #747543;
--color-cardamom-700: #5d5e36;
--color-cardamom-800: #454425;
--color-cardamom-900: #302f19;
--color-cardamom-950: #1c1c09;
}SCSS
$cardamom: #adaf78;
$cardamom-rgb: 173, 175, 120;
$cardamom-light: mix(#fff, $cardamom, 20%);
$cardamom-dark: mix(#000, $cardamom, 20%);
.element {
color: $cardamom;
box-shadow: 0 0 0 2px rgba($cardamom, 0.35);
}