最も近い色名 · #99DFBE
#99DFBE
最も近い色名: Cabbage
#99DFBE（rgb(153 223 190)、hsl(152 52% 74%)、oklch(0.848 0.084 163.6)）に最も近い色名はCabbageです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#99DFBE
oklch(0.848 0.084 163.6)
カラー変換
- HEX
- #99dfbe
- RGB
- rgb(153 223 190)
- HSL
- hsl(152 52% 74%)
- HWB
- hwb(152 60% 13%)
- OKLCH
- oklch(0.848 0.084 163.6)
- OKLab
- oklab(0.848 -0.081 0.024)
- CIE Lab
- lab(83.5 -28.05 8.9)
- LCH
- lch(83.5 29.43 162.4)
- CMYK
- cmyk(31% 0% 15% 13%)
ティント · シェード · トーン
ティント
- A4E2C4
- AFE6CB
- B9E9D1
- C3ECD8
- CDEFDE
- D8F3E5
- E1F6EB
- EBF9F2
- F5FCF8
シェード
- 84C2A5
- 70A58C
- 5D8A75
- 4A6F5E
- 385648
- 273D33
- 17271F
- 08120D
- 010202
トーン
- 97D5B8
- 95CBB1
- 93C2AB
- 91B8A5
- 8EAF9F
- 8CA598
- 899C92
- 86928C
- 838986
カラーハーモニー
補色 +180°
- 99DFBE
Cabbage
- F5B8DB
≈ Manga Pink
類似色 -30° +30°
- 99DFBE
Cabbage
- B7DAA1
≈ Embroidered Silk
- 88DFDD
≈ Cold Blue
トライアド +120° +240°
- 99DFBE
Cabbage
- C6C7FF
≈ Light Periwinkle
- FDBCA1
≈ Pallid Orange
スプリットコンプリメンタリー +150° +210°
- 99DFBE
Cabbage
- E1BDF5
≈ Beefy Pink
- FFB7BD
≈ Matt Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.53:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.65:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--cabbage: #99dfbe;
--cabbage-rgb: 153 223 190;
--cabbage-oklch: oklch(0.848 0.084 163.6);
}
.element {
color: var(--cabbage);
background-color: hsl(152 52% 74%);
border-color: oklch(0.848 0.084 163.6);
}Tailwind CSS v4
@theme {
--color-cabbage: #99dfbe;
--color-cabbage-50: #e0fdef;
--color-cabbage-100: #cff1e1;
--color-cabbage-200: #b3e0cc;
--color-cabbage-300: #8ec6ad;
--color-cabbage-400: #6eae91;
--color-cabbage-500: #4a9877;
--color-cabbage-600: #408065;
--color-cabbage-700: #336750;
--color-cabbage-800: #254b39;
--color-cabbage-900: #193427;
--color-cabbage-950: #092015;
}SCSS
$cabbage: #99dfbe;
$cabbage-rgb: 153, 223, 190;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}