最も近い色名 · #AFD0B5
#AFD0B5
最も近い色名: Frosted Fir
#AFD0B5（rgb(175 208 181)、hsl(131 26% 75%)、oklch(0.826 0.051 150.4)）に最も近い色名はFrosted Firです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AFD0B5
oklch(0.826 0.051 150.4)
カラー変換
- HEX
- #afd0b5
- RGB
- rgb(175 208 181)
- HSL
- hsl(131 26% 75%)
- HWB
- hwb(131 69% 18%)
- OKLCH
- oklch(0.826 0.051 150.4)
- OKLab
- oklab(0.826 -0.045 0.025)
- CIE Lab
- lab(80.49 -15.3 9.62)
- LCH
- lch(80.49 18.08 147.8)
- CMYK
- cmyk(16% 0% 13% 18%)
ティント · シェード · トーン
ティント
- B7D5BC
- BFD9C4
- C7DECB
- CFE3D2
- D7E7DA
- DFECE1
- E7F1E8
- EFF6F0
- F7FAF7
シェード
- 98B59D
- 819A86
- 6B806F
- 566759
- 414F44
- 2E3930
- 1C231D
- 0B100C
- 010202
トーン
- AAC8B0
- A6C0AA
- A1B7A5
- 9CAFA0
- 98A79A
- 939F95
- 8E9790
- 898F8A
- 858885
カラーハーモニー
補色 +180°
- AFD0B5
Frosted Fir
- DABAD6
≈ Lavender Veil
類似色 -30° +30°
- AFD0B5
Frosted Fir
- C1CCA7
≈ Marjoram
- A2D1C7
≈ Phosphorus
トライアド +120° +240°
- AFD0B5
Frosted Fir
- B9C5E8
≈ Canterbury Bells
- E6BAB2
≈ Noble Blush
スプリットコンプリメンタリー +150° +210°
- AFD0B5
Frosted Fir
- CBBFE3
≈ Digital Lavender
- E4B9C4
≈ Love in a Mist
テトラード +90° +180° +270°
- AFD0B5
Frosted Fir
- A9CBE5
≈ Escape
- DABAD6
≈ Lavender Veil
- E0BFA5
≈ Tiny Calf
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.51:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--frosted-fir: #afd0b5;
--frosted-fir-rgb: 175 208 181;
--frosted-fir-oklch: oklch(0.826 0.051 150.4);
}
.element {
color: var(--frosted-fir);
background-color: hsl(131 26% 75%);
border-color: oklch(0.826 0.051 150.4);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #afd0b5;
--color-frosted-fir-50: #ebfaee;
--color-frosted-fir-100: #dcede0;
--color-frosted-fir-200: #c5dbca;
--color-frosted-fir-300: #a5bfab;
--color-frosted-fir-400: #89a78f;
--color-frosted-fir-500: #6e9075;
--color-frosted-fir-600: #5d7a63;
--color-frosted-fir-700: #4a624f;
--color-frosted-fir-800: #364739;
--color-frosted-fir-900: #253227;
--color-frosted-fir-950: #141d15;
}SCSS
$frosted-fir: #afd0b5;
$frosted-fir-rgb: 175, 208, 181;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}