最も近い色名 · #00CFC4
#00CFC4
最も近い色名: Pristine Oceanic
#00CFC4（rgb(0 207 196)、hsl(177 100% 41%)、oklch(0.77 0.134 188)）に最も近い色名はPristine Oceanicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00CFC4
oklch(0.77 0.134 188)
カラー変換
- HEX
- #00cfc4
- RGB
- rgb(0 207 196)
- HSL
- hsl(177 100% 41%)
- HWB
- hwb(177 0% 19%)
- OKLCH
- oklch(0.77 0.134 188)
- OKLab
- oklab(0.77 -0.133 -0.019)
- CIE Lab
- lab(74.87 -45.78 -7.3)
- LCH
- lch(74.87 46.36 189.1)
- CMYK
- cmyk(100% 0% 5% 19%)
ティント · シェード · トーン
ティント
- 45D4CA
- 64D9D0
- 7CDED5
- 92E3DB
- A6E8E1
- B9EDE7
- CBF1ED
- DDF6F3
- EEFBF9
シェード
- 00B4AA
- 009991
- 007F78
- 006761
- 004F4A
- 003835
- 002321
- 00100E
- 000202
トーン
- 32C7BD
- 46BFB6
- 54B7AF
- 5FAFA8
- 67A8A1
- 6EA09B
- 749894
- 79908D
- 7D8887
カラーハーモニー
補色 +180°
- 00CFC4
Pristine Oceanic
- FC8EA4
≈ Bunny Fluff
類似色 -30° +30°
- 00CFC4
Pristine Oceanic
- 5ECE93
≈ Van Gogh Green
- 1FC8ED
≈ Picnic Day Sky
トライアド +120° +240°
- 00CFC4
Pristine Oceanic
- CC9CF6
≈ Baby Purple
- ECA34B
≈ Golden Koi
スプリットコンプリメンタリー +150° +210°
- 00CFC4
Pristine Oceanic
- EB91D2
≈ Mayflower Orchid
- FC9474
≈ Hibiscus Delight
テトラード +90° +180° +270°
- 00CFC4
Pristine Oceanic
- A3ACFF
≈ Shy Moment
- FC8EA4
≈ Bunny Fluff
- CBB542
≈ Old Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.72:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--pristine-oceanic: #00cfc4;
--pristine-oceanic-rgb: 0 207 196;
--pristine-oceanic-oklch: oklch(0.77 0.134 188);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(177 100% 41%);
border-color: oklch(0.77 0.134 188);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #00cfc4;
--color-pristine-oceanic-50: #cafffe;
--color-pristine-oceanic-100: #b4f7f2;
--color-pristine-oceanic-200: #8de7e1;
--color-pristine-oceanic-300: #56cdc6;
--color-pristine-oceanic-400: #00b7ad;
--color-pristine-oceanic-500: #00a197;
--color-pristine-oceanic-600: #00887f;
--color-pristine-oceanic-700: #006d66;
--color-pristine-oceanic-800: #005049;
--color-pristine-oceanic-900: #003833;
--color-pristine-oceanic-950: #00221f;
}SCSS
$pristine-oceanic: #00cfc4;
$pristine-oceanic-rgb: 0, 207, 196;
$pristine-oceanic-light: mix(#fff, $pristine-oceanic, 20%);
$pristine-oceanic-dark: mix(#000, $pristine-oceanic, 20%);
.element {
color: $pristine-oceanic;
box-shadow: 0 0 0 2px rgba($pristine-oceanic, 0.35);
}